目录

1.了解一般类型的博客站的建立方法
2.GitHub io
3.GitHub io + Hexo
4.遇到的问题及其解决方法

了解一般类型的博客站的建立方法

　　Re：从零开始的博客搭建 使用linux系统远程搭建一个Hexo框架的blog
　　Django学习 使用Django框架
　　快速搭建Blog 基于腾讯云的搭建。

GitHub io

　　除了这些外，我也看到了许多使用 GitHub Page 来搭建自己的Blog。
　　
　　https://www.imooc.com/article/3423　(GitHub io + Hexo)

　　http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html (GitHub io + Jekyll)

　　http://hpdoger.me/2018/05/26/%E5%88%A9%E7%94%A8Hexo%E5%92%8CGithub%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/ (GitHub io + Hexo)

　　https://blog.csdn.net/cdl2008sky/article/details/79011852 (GitHub io + Hexo)

　　在对比了自己搭建和使用第三方平台的一些优缺点之后，我选择使用GitHub Page.而框架 使用 Hexo框架。
　　
　　简单用流程图表示一下建立GitHub Page 的过程

1
2
3
4
5
6
7
8
9
10
11
12
13
14

st=>start: have a GitHub account
op1=>operation: creat a new repositories [***.github.io](*** must be the same as the User's name)
op2=>operation: Setting -> GitHub Pages
op3=>operation: Set Souce to master branch
op4=>operation: Choose themes
op5=>operation: Check steps
op6=>operation: Browse ***.github.io
cond=>condition: Display Yes or No ?
e=>end

st->op1->op2->op3->op4->op6
op6->cond
cond(yes)->e
cond(no)->op5->op1

GitHub io + Hexo

　　配置好之后，GitHub Page 大概如下图所示(选择主题不同，样式也会不一样)
　　
　　我主要根据这个网站来构建。
　　在我的电脑里，git已经安装好。
　　nodejs在安装 Visual Studio 2017 时已经安装在本机里。利用Windows搜索功能查找 nodejs 或 node.exe 就能够查到。
　　如果没有安装，这个网站也有教程方法。
　　注意: 安装完之后请务必将系统环境变量更改(包括已经安装的)**。
　　**设置完之后务必重启电脑****
　　
　　在使用 npm 命令时，如果出现 command not found 的情况。

　　1.利用Windows搜索功能，搜索是否存在 npm 文件夹。
　　2.有，则设置为环境变量，无，则从网上下载。

1
2
3
4
5
6
7
8
9
10
11
12
13

st=>start: Not found
op=>operation: Search npm
cond=>condition: Yes or No?
e=>end

Set=>operation: Set environment variables
Download=>operation: download form Internet
Reboot=>operation: Reboot
st->op->cond
cond(yes)->Set
cond(no)->Download
Set->Reboot->e
Download->Set

　　 根据教程新建了一个本地的网站，
　　
　　
　　
　　 使用 Git Bash 上传网站。(使用方法在这个网站第三点 GitHub 第三问中有具体说明)
　　
　　 #更换主题
　　 Hexo 官网提供很多主题.
　　 使用 git clone 命令将它们克隆下来。
　　
　　 使用文本编辑器(如 记事本,写字板, nodepad++,sublime text,vim,emacs等)打开 Hexo 目录(即 hexo init 创建的目录)下 config.yml 配置文件,修改 theme 属性 设置为 themes文件夹中你所需要的主题名。 　　

1
2
3

　　$ hexo clean // 清除缓存
　　$ hexo g // 或是 hexo generate 生成静态页面至public目录
　　$ hexo s // 开启预览访问端口（默认端口4000，'ctrl + c'关闭server）

　　在预览无误后，就准备提交了。
　　依旧是打开 config.yml 配置文件。 　　

1
2
3
4

deploy: 
type: git 
repository: [email protected]:*******github.io.git // 个人github.io地址 
branch: master

　　GitHub.io地址务必正确

1
2
3

$ hexo clean
$ hexo g
$ hexo d // deploy 将.deploy目录部署到GitHub

　　刷新个人Github.io界面就可以看到结果了。

遇到的问题及其解决方法

1.npm 命令 not found
　　解决方法：
　　　　搜索是否有npm文件夹，有则添加进环境变量，无则下载
　　　　
2.npm 文件夹已存在且环境变量也已经设置好，依旧 npm not found
　　解决方法：
　　　　Windows系统环境变量需要重启才能应用。
　　　　
3.hexo init 命令无效
　　解决方法：
　　　　根据提示，hexo init 只能在空文件夹中使用，新建空文件夹或是替换命令为

1

　　$ hexo init <文件夹名> // 新建一个 <文件夹名>的文件夹，hexo 安装于此

4.在本地服务器上可以显示主题，但是无法在GitHub.io上显示
　　解决方法：
　　　　仔细检查　_config.yml　文件的GitHub.io 网址。
　　　　务必和用户名相同
　　　　(不同的话说明只是提交到这个仓库上了，但这不是GitHub.io)
　　　　
5.Markdown 空格问题
　　解决方法：
　　　　网上有很多方法，我使用的是全角空格法。
　　　　
6.Markdown 字体颜色
　　解决方法：

1

　　<font color=Red>表达的字</font>

7.Markdown 流程图无法在博客上显示的问题
　　解决方法：
　　　　在本地安装flowchart.js ,并按照提示修改_config.yml 配置文件
　　　　
8.Markdown 在博客上无法同时出现两个图片(图片链接放在最后)
　　解决方法：
　　　　我暂时还没有找到好方法(在在线Markdown中可以实现同时实现放在最后，但是在博客站上不行)
　　　　我使用笨方法，第一个图片链接放在最后，第二个直接粘贴链接在文本中。